@font-face
{
    font-family: 'DINPro';
    src: url(../font/DINPro.ttf);
}
@font-face{
	font-family: 'aoya-sy-Bold';
	src:url(../font/aoya-sy-Bold.ttf)
}

*{ margin:0; padding:0;
  font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN','WenQuanYi Micro Hei', SimSun, sans-serif;}

li{ list-style:none;}


.header,.col-left,#modal-container,.pic-show-right{ display: none;}
header{ display: block;}
.tzz{ display: block;}

.h5-show-con{ position:relative; width:calc( 100% - 2rem ); margin:0 1rem; overflow:hidden; }
.h5-show-con video{ position:relative; width:100%; background-color:#111111;}
.h5-show-con .con{ font-size:.9rem; color:#999; float:left; width:100%;}
.h5-show-con .con p{ padding:1rem 0 0 0; line-height:1.8rem;}
.h5-show-con .con h4{ font-size:1rem;}

.show-pic-con img{ width:calc( 100% - 2rem ); padding:1rem; padding-bottom:0;}

.col-right .head-box{ position:relative; width:calc( 100% - 2rem ); height:2rem; margin:3rem 1rem 1rem 1rem; padding-top:1rem;}
.col-right .head-box .cru{ float:left; font-size:.8rem; line-height:2rem; color:#d4d4d4; width:100%;}
.col-right .head-box .cru a{ color:#d4d4d4; text-decoration:none; }




.pic-show-con .title{ position:relative; width:100%; border-top:5px #111111 solid; padding:2rem 0; padding-bottom:2rem;}
.pic-show-con .title p{ font-size:1rem; color:#111111;}
.pic-show-con .title h3{ font-size:2rem; color:#111111; line-height:2.5rem; padding:.5rem 0; width: calc( 100% - 90px );}
.pic-show-con .title h3 span{ position:absolute; z-index:-1; margin-left:1rem; margin-top:1.5rem; width:8rem; height:1rem; background-color:#d4d4d4;}
.pic-show-con .title .tag{ padding-bottom:2rem;}
.pic-show-con .title .tag a{ font-size:.8rem; color:#d4d4d4; text-decoration:none;}

.show-num span { float:left; }
.show-num span:nth-child(1){  font-size:12px; color:#d4d4d4;}
.show-num span:nth-child(1) small{ padding-left:5px; font-family: DINPro; font-size:12px;}
.show-num span:nth-child(2){ font-family: DINPro; background-image: url(../images/zan.png);background-repeat: no-repeat;background-position: left center; padding-left:20px; font-size:12px; color:#111111; background-color: transparent; background-size: contain; float:right;}

.show-play{ display:none;}

.show-thumb{ width:100%; float:left; margin:2rem 0;}
.show-thumb img{ padding:0; width:100%;}
.show-thumb video{ max-height:215px;}

.show-num{ float:left; width:100%; border-bottom:5px #111111 solid; padding:1rem 0; margin-bottom:3rem;}

.wxlink{ width:100%; border-top:1px #111111 solid; border-bottom:1px #111111 solid; font-size:.8rem; padding:1rem 0; margin-top:2rem; line-height:1.5rem; color:#d4d4d4; float:left;}
.wxlink a{ text-decoration:none; color:#111111; font-weight:700;}


body{ max-width:755px; width:100%; margin:0 auto;}

.container {
    width: calc( 100% - 2rem );
	margin-left:1rem;
	margin-right:1rem;
}
.row {
    display: flex;
    flex-wrap: wrap;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
	height:2rem;
	background-color:#fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-bottom:1px #111111 solid;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.fixed-top .logo{ position:absolute; left:1rem;}
.fixed-top .logo img{ max-width:5rem;}

.fixed-top .h5-ser{ position:absolute; right:5rem;}
.fixed-top .h5-ser img{ width:2rem; height:2rem;}


.navbar .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
	margin-right: 0;
    margin-left: 0;
	width:100%;
}
.navbar nav{ width:1.5rem; display: inline-block;line-height: inherit; white-space: nowrap; position: absolute; right:1rem;}

.collapse.show {
    display: block;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}


.language{ width:2rem; height:2rem; text-align:center; position:absolute; right:3rem; font-size:1rem; color:#111111; line-height:2rem;}
.language a{ color: #111111; text-decoration: none;}
section.masthead {
    position: relative;
    width: 100%;
    padding-top: 4rem;
	height:2rem;
}

.masthead .info{ position:absolute; left:1rem; font-size:1rem; color:#111; }
.masthead .info span{font-family: DINPro;}

.masthead .slogan{ position:absolute; right:1rem; font-size:.8rem; font-weight:700; color:#d4d4d4;}


.content {
	width: 100%;
	overflow: hidden;
	height: 45rem;
	position: relative;
	margin: 0 auto;
}

.points {
    position: absolute;
    z-index: 5;
    list-style: none;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #111111;
    bottom: 1rem;
    left: 40%;
    height: 20px;
    border-radius: 25px;
    right: 40%;
}

.points li {
	cursor: pointer;
	display: inline-block;
	width: 8px;
	height: 8px;
	border:1px #ffffff solid;
	margin: 0px auto;
	border-radius: 15px;
	background-color: transparent;
}

.active {
    background-color: hsla(0,0%,100%,1.00) !important;
}

.next,
.prev {
	width: 2rem;
	display: block;
	height: 2rem;
	position: absolute;
	z-index: 99;
	top: 20%;
	cursor: pointer;
	text-indent: -999px;
}

.next {right: 0;
	background-image: url(../images/right.png?v=3);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.prev {right:3rem;
	background-image: url(../images/left.png?v=3);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}



section.focus{ position:relative; width:100%; margin-top:5rem;}
section.focus h2{ font-weight:900; font-size:2.5rem; line-height:2.8rem; font-family:'Source Han Sans CN'; font-family:"微软雅黑";}
section.focus h2 a{ text-decoration:none; color:#111111;}

section.focus .more{ float: right; width:2rem; height:.4rem;}
section.focus .more span{ width:.4rem; height:.4rem; margin-left:.4rem; background-color:#111; float:left;}
section.focus .more span:nth-child(1){margin-left:0;}

section.focus .info{ position:inherit; width:100%;}
section.focus .info span:nth-child(1){ position:relative; display:block; width:5rem; height:1rem; background-color:#d4d4d4; margin-top:1rem; }
section.focus .info .btn{ position: absolute; right:0; top:0; }
section.focus .info .btn span{ float:left; width:2rem; height:2rem;}
section.focus .info .btn span:nth-child(1){
	margin-right: .5rem;
	margin-top: 0;
	background-image: url(../images/left.png?v=3);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:80%;
	background-color: transparent;
}
section.focus .info .btn span:nth-child(2){
	background-image: url(../images/right.png?v=3);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:80%;
}

section.focus h3{ margin-top:2rem; font-size:1rem; color:#999999; line-height:1.2rem; margin-bottom:1rem; position:inherit; width:100%;}
section.focus .img{ float:left;}
section.focus .img img{ width:100%;}


section.video{ width:100%; margin-top:2rem; overflow:hidden;}
section.video .container{margin-right: 0; margin-left: 0; width:100%;}

.m{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
.leftScroll_picBox_img{
    width: 18rem;
    height: 10.15rem;
    display: block;
	background-color:#111111;
}
.leftScroll_picBox .gd img{ border:1rem #FFF solid; width:calc( 100% - 2rem ) !important; height:auto;}
.leftScroll_container{
    display: flex;
}
.leftScroll_picBox>video{
    display: block;
}
.leftScroll{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.leftScroll_container{
    position: relative;
    top: 0;
    left: 0;
}
.bc{
	margin-left:1.5rem !important;
}
.transition{
    transition: all 200ms;
}
.leftScroll_picBox{
    padding-left: 1rem;
}


section.project{ width:100%; position:relative;}

section.project .container{ margin-left:.5rem; margin-right:.5rem; width:calc( 100% - 1rem );}

section .category{ width:calc( 100% - 1rem ); position:relative; height:2rem; padding:0 0.5rem; margin-top:3rem;}
section .category h2{ width:50%; position:relative; clear:both; line-height:1.5rem;}
section .category h2 span:nth-child(1){ position:absolute; font-size:1.5rem; font-weight:900; color:#111;}
section .category h2 span:nth-child(2){ position:absolute; width:6rem; height:1rem; background-color:#d4d4d4; margin-top:.8rem; margin-left:1rem; z-index:-1;}

section .category .more{ position: absolute; right:0.5rem; margin-top:0; width:2rem; height:.4rem;}
section .category .more span{ width:.4rem; height:.4rem; margin-left:.4rem; background-color:#111; float:left;}
section .category .more span:nth-child(1){margin-left:0;}

section.project .list{ float:left;}

section.project .case-box{ float:left; width:calc( 50% - 1rem ); margin-top:1rem; margin-left:.5rem; margin-right:.5rem; border-top:2px #111111 solid; padding-top:2rem;}
section.project .case-box .title{ font-size:.7rem; line-height:1rem;}
section.project .case-box h3{ font-size:.9rem; line-height:1rem; height:2rem;}
section.project .case-box .tag a{ font-size:.65rem; color: #d4d4d4; text-decoration: none;}
section.project .case-box .case-thumb img{ width:100%;}

.content-box-news .case-box{ float:left; width:calc( 50% - 1rem ); margin-top:1rem; margin-left:.5rem; margin-right:.5rem; border-top:2px #111111 solid; padding-top:2rem;}
.content-box-news .case-box .title{ font-size:.7rem; line-height:1rem;}
.content-box-news .case-box h3{ font-size:.9rem; line-height:1rem; height:2rem;}
.content-box-news .case-box .tag a{ font-size:.65rem; color: #d4d4d4; text-decoration: none;}
.content-box-news .case-box .case-thumb{ margin-top:.5rem; }
.content-box-news .case-box .case-thumb img{ width:100%;}


.i_pic.more{overflow: hidden;text-align: center; margin-top: 2rem; float: left; width: calc( 100% - 1rem ); margin: 2rem 0.5rem 0 0.5rem;}
.i_pic.more a{display: block;padding:0.5rem 0;color:#ffffff; margin: 0 auto; background-color:#dcdcdc; text-decoration: none; font-size:.8rem;border-radius:5rem;}
.i_pic.more p{ padding:0.5rem 0; background-color:#f8f8f8; color:#d4d4d4; font-size:.8rem; border-radius:5rem;}

section.win .category{ width:100%; padding:0;}
section.win .category .more{ right:0rem;}
section.win{  position:relative; width:100%;}
section.win .winDate{ font-size:2rem; font-family: DINPro; color:#111; float:left; padding-bottom:1rem; width:50%;}
section.win .winDate span:nth-child(1){ float:left; border-bottom:2px #111111 solid;font-family: DINPro;}
section.win .winDate span:nth-child(2){ float:left; width:100%; font-size:1rem; color:#999; font-family: DINPro;}
section.win .winCategory{ width: calc( 50% - 1rem ); text-align:right; margin-top:2rem; margin-right:1rem;}
section.win .winCategory a{ font-size:1.5rem; font-weight:900; color:#111; border-bottom:1rem #111111 solid; text-decoration:none;}
section.win h3{ font-size:1rem; line-height:1.2rem; background-color:#FFF; float:left; width:100%;}
section.win h3 span{ float:left; width:2rem; height:.5rem; background-color:#d4d4d4; margin-bottom:1rem;}
section.win h3 a{ text-decoration:none; color:#111111; float:left; width:100%;}
section.win p{ width:100%; font-size:.8rem; line-height:1.2rem; padding:1rem 0; color:#666; text-align:justify; float:left;}
section.win .winPic{width:16rem; border-top:2px #111111 solid;border-bottom:2px #111111 solid; margin-top:2rem; margin-left:1rem; padding:1rem; background-color:#f8f8f8;}
section.win .winPic img{ width:50%; height:auto; float:right; background-color:#FFF;}
.li-bg{ background-color:#FFF; float:left; width:calc( 100% - 2rem ); padding:1rem; height:18rem;}


.wxli li{ margin-top:1rem;}
.wxli .leftScroll_picBox_img{height: 15rem !important; overflow:hidden;}
.wxli .li-bg{ height:13rem;}

section.win .leftScroll_picBox_img{height: 20rem;}
section.win .leftScroll_picBox{ padding-left: 0rem;}

.news-top{ width:100%; min-height:150px; background-color:#f8f8f8; margin-top:30px;}
.news-top img{ width:100%;}

.news-list{ width:100%; position:relative;}
.news-list ul{ width:100%; float:left; margin-top:2rem; border-bottom:5px #111111 solid;}
.news-list ul li{ float:left; width:100%;}
.news-list ul li a{ color:#111111; text-decoration:none; display:block; float:left; width:calc( 100% - 5rem );}
.news-list ul li .date{ }
.news-list ul li .date span{font-family: 'DINPro'; width:100%;}
.news-list ul li .date span:nth-child(1){ font-size:1rem; color:#d4d4d4; float:left; width:5rem;}
.news-list ul li h4{ float:right; width:100% ;margin-bottom: 1rem; font-size:0.9rem; line-height:1.2rem;
    padding-bottom: 1rem;
    border-bottom: 2px #f8f8f8 solid;}

.footer{ width:calc( 100% - 2rem ); position:relative; margin-top:1rem; background-color:#111111; color:#FFF; padding:1rem; text-align:center; font-size:.8rem; clear:both;}


/*视频播放弹窗*/
html.modal-active, body.modal-active {
  overflow: hidden;
}

#modal-container {
  position: fixed;
  display: table;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  z-index: 99999;
}
#modal-container.one {
  transform: scaleY(0.01) scaleX(0);
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one .modal-background .modal {
  transform: scale(0);
  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one.out {
  transform: scale(1);
  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one.out .modal-background .modal {
  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container .modal-background {
  display: table-cell;
  background: rgba(0, 0, 0, 0.9);
  text-align: center;
  vertical-align: middle;
}
#modal-container video{ width:calc( 100% - 2rem ); margin:1rem; }

@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}
@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.m-1420{ float:left; width:100%;}
.case-list {
    width: calc( 100% - 0rem );
	float:left;
	margin:0 0 2rem 0;
	min-height:70vh;
}
.tag-list {
    width: calc( 100% - 1rem );
	float:left;
	margin:0 0.5rem 2rem 0.5rem;
	min-height:70vh;
}
.case-list-box0{ width:calc( 100% - 1rem ); margin:0 0.5rem; float:left;}
.case-list-box2 .case-box {
    float: left;
    width: calc( 50% - 1rem );
    margin-top: 1rem;
    margin-left: .5rem;
    margin-right: .5rem;
    border-top: 2px #111111 solid;
    padding-top: 2rem;
}
.case-box .title {
    font-size: .7rem;
    line-height: 1rem;
}
.case-box .title p{ font-size:.7rem; line-height:1rem;}
.case-box .title p span{ display:none;}
.case-box h3 {
    font-size: .9rem;
    line-height: 1rem;
    height: 2rem;
}
.case-box .tag a {
    font-size: .65rem;
    color: #d4d4d4;
    text-decoration: none;
}
.case-box .case-thumb {
	width:100%; float: left; margin-top: .5rem;
}
.case-box .case-thumb img{ width: 100%; min-height: 125px;}
.case-box .case-thumb a{ display:block; float:left; width:100%; height: 125px; overflow: hidden; }

.h5-cat-menu{ width:calc( 100% - 1rem ); margin:0.5rem; float:left; margin-top:-2rem;}
.h5-cat-menu ul{ float:leftl; width:100%;}
.h5-cat-menu ul li{ float:left; width:calc( 25% - 1rem ); font-size:.8rem; text-align:center; margin:0.5rem; padding:0.25rem 0; background-color:#d4d4d4; border-radius:5rem; overflow:hidden; clear:both;}
.h5-pic{ margin-top:0 !important;}
.h5-pic ul li{ clear: inherit !important;}
.h5-cat-menu ul li a{ color:#111111; text-decoration:none; display:block;}
.h5-cat-menu ul li.current{ background-color:#111111;}
.h5-cat-menu ul li.current a{ color:#FFF;}
.cat-line{ float:left; width:calc( 100% - 1rem ); height:5px; background-color:#111111; margin:0.5rem; display:none;}

.news-show{ margin:1rem;}
.news-show img{ max-width:100%; height:auto !important; margin-bottom:1rem !important;}

.news-show .date{ float:left; width:140px;}
.news-show .date span:nth-child(1){ float:left; font-size:38px; font-family: DINPro; color:#111111; line-height:35px;}
.news-show .date span:nth-child(2){ float:left; width:100%; font-size:28px; font-family: DINPro; color:#d4d4d4;}
.news-show .date span:nth-child(3){ float:left; width:100%; margin-top:40px; font-family: DINPro; background-repeat: no-repeat;background-position: left center; font-size:12px; color:#d4d4d4; background-color: transparent;}
.news-show .date span:nth-child(3) small { padding-left: 5px; font-family: DINPro; font-size: 12px;}

.news-show .category{ float:right; width: 60px;}
.news-show .category span:nth-child(1){ float:left; width:100%; text-align: right; margin-bottom:28px; display:none;}
.news-show .category span:nth-child(2){ float:left; font-size: 18px; width: 60px; text-align: center; border-bottom: 10px #d4d4d4 solid; color: #111111; font-weight:700; line-height:21px;}
.news-show .title{ float:right; width:100%; max-width:640px;}
.news-show .title h2{ float: left; width:100%; font-size:24px; line-height:28px; padding-top:50px; color:#111111; padding-bottom:1rem;}
.news-show .title span{ float:left; width:6rem; height:1rem; background-color:#111111; margin-bottom:2rem;}

.show-con{ 	display: flex;  flex-wrap: wrap; width:100%; margin-top:2rem;}
.show-con p{ padding-bottom:1rem; line-height:1.8rem; font-size:.9rem; text-align:justify; clear:both;}
.show-con p img{ margin-bottom:0;}

.news-show-right,.news-zs{ display:none;}

.content-box-news img{ max-width:100%; height:auto !important;}

.content-box-news.h5-bc{ border-top: none;}

.news-zb .date {
    float: left;
    width: 140px;
}
.news-zb .date span:nth-child(1){ float:left; font-size:38px; font-family: DINPro; color:#111111; line-height:35px;}
.news-zb .date span:nth-child(2){ float:left; font-size:28px; font-family: DINPro; color:#d4d4d4; display:none;}

.news-zb .category { float: right; width: 60px; display:none; }
.news-zb .category span:nth-child(1){ float:left; width:100%; text-align: right; margin-bottom:28px;}
.news-zb .category span:nth-child(2){ float:left; font-size: 18px; width: 60px; text-align: center; border-bottom: 10px #d4d4d4 solid; color: #111111; font-weight:700; line-height: 21px;}

.news-zb .title{ width:100%;}
.news-zb .title h2{ width:100%; font-size:24px; line-height:28px; color:#111111; float:left; }
.news-zb .title h2 a{ color:#111; text-decoration:none; float:left; width:100%; display:block;}
.news-zb .title h2 a:hover{	text-decoration: underline;}

.news-zb .info{line-height:1.8rem; font-size:.9rem; text-align:justify; width:100%; margin-top:1rem; margin-bottom:2rem; display:none; }

.news-m .date{ float:left; width:140px;}
.news-m .date span:nth-child(1){ float:left; font-size:38px; font-family: DINPro; color:#111111; line-height:35px;}
.news-m .date span:nth-child(2){ float:left; font-size:28px; font-family: DINPro; color:#d4d4d4; display:none;}
.news-m .category{ float:right; width: 60px;}
.news-m .category span:nth-child(1){ float:left; width:100%; text-align: right; margin-bottom:28px;}
.news-m .category span:nth-child(2){ float:left; font-size: 18px; width: 60px; text-align: center; border-bottom: 10px #d4d4d4 solid; color: #111111; font-weight:700;}
.news-m .title{ float:left; width:100%;}
.news-m .title h2{  width:100%; font-size:24px; line-height:28px; color:#111111; float:left;}
.news-m .title h2 a{ color:#111;  text-decoration:none; float:left; width:100%; }
.news-m .title h2 a:hover{text-decoration: underline;}
.news-m .info{line-height:1.8rem; font-size:.9rem; text-align:justify; width:100%; margin-top:1rem; margin-bottom:2rem; }


.news-zb .foot{ width:100%; height:20px; border-bottom:2px #111111 solid; margin-bottom:3rem; padding-bottom:1rem; display:none;}
.news-zb .foot span{ display:none;}
.news-zb .foot .view{ width:100%;}
.news-zb .foot .view span:nth-child(1){ float:left; background-image: url(../images/v9/ico11.png);background-repeat: no-repeat;background-position: left center; padding-left:25px; font-size:12px; color:#d4d4d4; background-color: transparent; line-height:20px;}
.news-zb .foot .view span:nth-child(2){ float:right; width:20px; background-color: transparent;}
.news-zb .foot .view span{ display:block;}

.news-m .foot{ width:100%; height:20px; border-bottom:2px #111111 solid; margin-bottom:3rem; padding-bottom:1rem;}
.news-m .foot span{ display:none;}
.news-m .foot .view{ width:100%;}
.news-m .foot .view span:nth-child(1){ float:left; background-image: url(../images/v9/ico11.png);background-repeat: no-repeat;background-position: left center; padding-left:25px; font-size:12px; color:#d4d4d4; background-color: transparent; line-height:20px;}
.news-m .foot .view span:nth-child(2){ float:right; width:20px; background-color: transparent;}
.news-m .foot .view span{ display:block;}

.news-gd{ float:left; width:100%;}
.news-gd .date{ float:left; width:140px;}
.news-gd .date span:nth-child(1){ float:left; font-size:38px; font-family: DINPro; color:#111111; line-height:35px;}
.news-gd .date span:nth-child(2){ float:left; font-size:28px; font-family: DINPro; color:#d4d4d4; display:none;}

.news-gd .category{ float:right; width: 60px;}
.news-gd .category span:nth-child(1){ width:100%; text-align: right; margin-bottom:28px; float:right;}
.news-gd .category span:nth-child(2){ float:left; font-size: 18px; width: 60px; text-align: center; border-bottom: 10px #d4d4d4 solid; color: #111111; font-weight:700;}

.news-gd .pic{ height:auto !important; width:100%; float:left; margin-top:2rem; }
.news-gd .pic img{ float:left; width:50%;}

.news-gd .title{ width: calc( 50% - 2rem ); text-align:right; right:1rem;}
.news-gd .title h2{ width:100%; font-size:24px; line-height:28px; color:#111111; float:left; }
.news-gd .title h2 a{ color:#111; text-decoration:none; float:left; width:100%;}
.news-gd .title h2 a:hover{	text-decoration: underline;}
.news-gd .info{ text-align: justify; width:100%; font-size:14px; line-height:22px; color:#111; margin-top:1rem; margin-bottom:2rem; float:left;}
.news-gd .info span{ float:left; width:60px; height:5px; background-color:#d4d4d4;}
.news-gd .foot{     width: 100%; float:left;
    height: 20px;
    border-bottom: 2px #111111 solid;
    margin-bottom: 3rem;
    padding-bottom: 1rem;}
.news-gd .foot span{ float:left; width:140px; height:20px; background-color:#111111;}
.news-gd .foot .view span:nth-child(1){ float:left; background-image: url(../images/v9/ico11.png);background-repeat: no-repeat;background-position: left center; padding-left:25px; font-size:12px; color:#d4d4d4; background-color: transparent; line-height:20px;}
.news-gd .foot .view span:nth-child(2){ float:right; width:20px; background-color: transparent;}

.head-zb{ position:relative; width:100%;}

.page-banner, .page-wh{ position:relative; margin:1rem; width:calc( 100% - 2rem );}

.page-banner {
  height: 280px;
  background-image: linear-gradient(to right, #ffffff 0%, #ffffff 61.8%, #f8f8f8 61.8%, #f8f8f8 100%);
}


.page-banner .since{ }
.page-banner .since span:nth-child(1){ width:7rem; height:1rem; background-color:#111111; display:block;}
.page-banner .since span:nth-child(2){ font-size:1.3rem; font-weight:700; color:#d4d4d4; font-family: DINPro; position:relative; top:1.5rem; line-height:2.5rem;}
.page-banner h2{ width:100%; font-size:1.5rem; line-height:2rem; margin-top:5rem;}
.page-banner p{ width:100%; font-size:0.9rem; font-weight:700; margin-top:60px; line-height:1.5rem;}
.page-banner .line{ width:7rem; height:1rem; background-color:#111111; margin-top:2rem;}

.page-banner .key{ position:absolute; width:4rem; height:2rem; background-color:#111111; color:#FFF; padding-top:3rem; right:0;}
.page-banner .key span:nth-child(1){ position:absolute; font-size:1rem; font-weight:700;text-align: center; width:100%;}
.page-banner .key span:nth-child(2){ display:none; position:absolute; width:60px; height:10px; background-color:#d4d4d4; margin-top:50px;}


.wxli h4{ float:left; width:6rem; font-size:1rem; font-weight:700; height:25px; margin-top:5rem;}
.wxli h4 span:nth-child(1){ position:absolute; z-index:1; width:100%;}
.wxli h4 span:nth-child(2){ position:absolute; z-index:0; width:60px; height:10px; margin-top:15px; margin-left:10px; background-color:#d4d4d4;}

.page-content{ position:relative; width:calc( 100% - 4rem ); margin:2rem; padding-top:3rem; font-size:.8rem; line-height:1.6rem; text-align:justify; color:#999;}
.page-content p{ padding-bottom:1rem;}

.page-content .key{ display:none;}


.about-lc{ float:left; width:calc( 100% - 4rem ); background-color:#f8f8f8; padding:2rem; margin-top:2rem;}
.about-lc-title-l h3{ float:left; width:70px; border-bottom:10px #111111 solid; color:#111111; font-size:18px;font-family: DINPro; margin-top:3rem;}
.about-lc-info{ float:left; width:100%; font-size:18px;font-family: DINPro; font-weight:bold;}

.about-lc-tt{ float:left; width:100%; margin-top:15px;}
.about-lc-tt h2{float:left; width:100%; font-size:3rem;font-family: DINPro; font-weight:500;}
.about-lc-tt h3{float:left; width:100%; font-size:1.2rem;font-family: DINPro; font-weight:bold;}
.about-lc-tt h4{float:left; width:100%; font-size:1rem;font-family: DINPro; font-weight:bold; height:55px; }

.about-lc-key{ float:left; width:100%;font-size:.8rem;font-family: DINPro; font-weight:bold; padding-top:20px; padding-bottom:20px;}

.about-lc p{ float:left; width:100%; font-size:.8rem; padding-bottom:1rem; line-height:1.2rem; text-align: justify;}


.page-wh .con-wh-right{ width:calc( 100% - 4rem ); background-color:#f8f8f8; padding:0 2rem; margin-top:3rem; clear:both; float:left; }
.page-wh .key{ position:absolute; width:60px; height:35px; background-color:#111111; color:#FFF; padding-top:55px;}
.page-wh .key span{ position:absolute; font-size:17px; font-weight:700;text-align: center; width:100%; height:30px; line-height:30px;}

.con-wh-right .cat-name{ float:right; width:110px; margin-top:120px;}
.con-wh-right .cat-name span:nth-child(1){ position:absolute; z-index: 1; font-size:26px; font-weight:700; height:40px; line-height:40px; width:110px; text-align: center; }
.con-wh-right .cat-name span:nth-child(2){ position:absolute; z-index: 0; width:110px; height:10px; background-color:#d4d4d4; margin-top:35px;}

.con-wh-right .tt{ float:left; width:100%; margin-top:120px;}
.con-wh-right .tt h3{ font-size:1rem; color:#111111; line-height:20px;}
.con-wh-right .tt p{ font-size:.8rem; line-height:1.2rem; color:#999; margin-top:15px; margin-bottom:30px; font-family: DINPro; }


.yj{
	float: left;
	width: 100%;
	background-image: url(../images/v9/ico6.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top:1rem;
}
.yj .cat-name{ float:left; width:110px;}
.yj .cat-name span:nth-child(1){ position:absolute; z-index: 1; font-size:26px; font-weight:700; line-height:25px; width:110px; text-align: left; }
.yj .cat-name span:nth-child(2){ position:absolute; z-index: 0; width:110px; height:10px; background-color:#d4d4d4; margin-top:20px; margin-left:10px;}
.yj h2{ float:left; width:100%; margin-top:5rem; font-size:26px;}
.yj p{ float:left; width:100%; text-align:justify; color:#999999; font-size:14px; line-height:24px; margin-top:45px; height:102px;}
.yj .line{ float:left; width:100%; margin-top:2rem;}
.yj .line span:nth-child(1){ float:left; width:60px; height:10px; background-color:#d4d4d4;}
.yj .line span:nth-child(2){
	float: right;
	background-image: url(../images/v9/ico7.png);
	background-repeat: no-repeat;
	background-position: right top; width:20px; height:20px; margin-top:-10px;
}

.sx{ float: left; width:calc( 100% - 4rem ); background-color:#111111; padding:2rem; color:#FFF; margin-bottom:80px;}
.sx .cat-name{ float:left; width:60px; font-size:18px; text-align:center; border-bottom: 10px #ffffff solid; font-weight:700; line-height:20px;}
.sx h3{ float:left; width:100%; font-size:26px; line-height:34px; margin-top:30px;}
.sx p{ float:left; width:100%; font-size:14px; line-height:24px; margin-top:20px; }
.sx p span{ float:right; font-size:36px; margin-top:-5px;}
.sx .more{ float:right;}
.sx .info{ position:absolute;}

.xy{ float:left; width:calc( 100% - 4rem ); background-color:#f8f8f8; padding:0 2rem 2rem 2rem; color:#111111; margin-top:80px; margin-bottom:3rem;}
.xy .key{ position:absolute; width:60px; height:35px; background-color:#111111; color:#FFF; padding-top:55px;}
.xy .key span{ position:absolute; font-size:17px; font-weight:700;text-align: center; width:100%; height:30px; line-height:30px;}
.xy h4{ float:left; width:100%; font-size:26px; line-height:34px; margin-top:30px; font-weight:700;}
.xy .xy-text { float:left; width:100%; margin-top:100px; text-align:justify;}
.xy .xy-text p{ float:left; width:100%; font-size:14px; line-height:24px; margin-top:20px; }

.xy .cat-name{ float:right; width:110px; margin-top:120px;}
.xy .cat-name span:nth-child(1){ position:absolute; z-index: 1; font-size:26px; font-weight:700; height:40px; line-height:40px; width:110px; text-align: center; }
.xy .cat-name span:nth-child(2){ position:absolute; z-index: 0; width:110px; height:10px; background-color:#d4d4d4; margin-top:35px;}


.page-wh .con-fw2-right{ width:calc( 100% - 4rem ); padding:0 2rem;}
.con-fw-right{ width: 100%; padding:0 60px;}
.con-fw-right .cat-name{ float:right; width:110px; margin-top:120px;}
.con-fw-right .cat-name span:nth-child(1){ position:absolute; z-index: 1; font-size:26px; font-weight:700; height:40px; line-height:40px; width:110px; text-align: center; }
.con-fw-right .cat-name span:nth-child(2){ position:absolute; z-index: 0; width:110px; height:10px; background-color:#d4d4d4; margin-top:35px;}

.con-fw-right .tt{ float:left; width:100%; margin-top:140px; color:#111111;}
.con-fw-right .tt h3{ font-size:40px; line-height:20px; font-weight:700; padding-bottom:15px; color:#999;}
.con-fw-right .tt h3:first-letter{ font-size:70px; color:#111;}
.con-fw-right .tt h4{ font-size:22px; font-weight:700;padding-left:30px;}
.con-fw-right .tt p{ font-size:14px; line-height:24px; margin-bottom:45px; font-family: DINPro; padding-left:30px; color:#999; }

.con-fw2-right{ float:right; width: 340px; padding:0 60px;}
.con-fw2-right .cat-name{ float:right; width:110px;}
.con-fw2-right .cat-name span:nth-child(1){ position:absolute; z-index: 1; font-size:26px; font-weight:700; height:40px; line-height:40px; width:110px; text-align: center; }
.con-fw2-right .cat-name span:nth-child(2){ position:absolute; z-index: 0; width:110px; height:10px; background-color:#d4d4d4; margin-top:35px;}

.con-fw2-right .tt{ float:left; width:100%; margin-top:140px; color:#111111;}
.con-fw2-right .tt h3{ font-size:2rem; line-height:20px; font-weight:700; padding-bottom:15px; color:#999;}
.con-fw2-right .tt h3:first-letter{ font-size:70px; color:#111;}
.con-fw2-right .tt h4{ font-size:22px; font-weight:700;padding-left:30px;}
.con-fw2-right .tt p{ font-size:14px; line-height:24px; margin-bottom:45px; font-family: DINPro; padding-left:30px; color:#999; }

.page-banner-honor{ float:left; width:100%; margin-top:5rem;}

.banner-honor-left{ width:calc( 100% - 2rem ); margin:0 1rem; float:left;}
.banner-honor-left .title{ width:100%; float:left;}
.banner-honor-left .title p{ width:100%; float:left; font-weight:700; font-family: DINPro; line-height:30px;}
.banner-honor-left h2{ width:100%; font-size:18px; line-height:20px; float:left; margin-top:50px;}
.banner-honor-left h3{ width:100%; font-size:14px; line-height:30px; float:left; margin-top:10px;}
.banner-honor-left .con{ width:100%; float:left; font-size:14px; margin-top:20px; line-height:24px; text-align:justify;}
.banner-honor-left .line{ width:100px; height:10px; background-color:#111111; position:absolute; margin-top:420px; display:none;}

.banner-honor-left h4{ float:left; width:100%; font-size:30px; height:20px; line-height:20px; margin-top:80px;}
.banner-honor-left h4 span:nth-child(1){ position:absolute;}
.banner-honor-left h4 span:nth-child(2){ position:absolute; z-index:-1; width:60px; height:10px; margin-top:17px; margin-left:10px; background-color:#d4d4d4;}

.content-box-team{ width:calc( 100% - 2rem ); margin:5rem 1rem 0 1rem; float:left;}
.banner-honor-right{ width:calc( 100% - 2rem ); margin:2rem 1rem 0 1rem; float:left;}
.honor-list{ width:calc( 100% - 2rem ); margin:1rem 1rem 0 1rem; float:left;}
.content-box-history{ width:calc( 100% - 2rem ); margin:1rem 1rem 0 1rem; float:left;}



.banner-honor-right img{ width:100%; height:auto !important;}

.honor-list ul li{ float:left; width: 100%; border-top:2px #111111 solid; padding-top:40px; margin-bottom:1rem; margin-top:2rem;}
.honor-list ul li h3{ float:left; width:100%; font-size:14px; line-height:30px;}
.honor-list ul li h2{ float:left; width:100%; font-size:18px; height:20px; line-height:20px;}
.honor-list ul li h2 span:nth-child(1){ position:absolute;}
.honor-list ul li h2 span:nth-child(2){ position:absolute; z-index:-1; width:60px; height:10px; margin-top:15px; margin-left:10px; background-color:#d4d4d4;}
.honor-list ul li .info{ float:left; width:100%; font-size:14px; font-weight:700; margin-top:10px; line-height:20px; height:30px; color:#999999;}
.honor-list ul li .pic{ float:left; width:100%; margin-top:20px; background-color:#f8f8f8;}
.honor-list ul li .pic img{ width:100%; height:auto !important;}


.main-page{     display: flex;
    flex-wrap: wrap;
 width:100%; overflow:hidden; }

.banner-team-left{ float:left; background-image: url(../images/v9/ico8.png);background-repeat: no-repeat; background-position: right bottom;}
.banner-team-right{ position:absolute; width:calc( 100% - 1rem );}

.banner-team-left .title{ width:100%; float:left; margin-top:1.5rem;}
.banner-team-left .title span:nth-child(1){ width:100px; height:40px; float:left; color:#111111; font-size:30px; font-weight:700; margin-top:1rem; margin-left:1rem;}
.banner-team-left .title span:nth-child(2){ width:calc( 100% - 1rem ); float: left; font-size:17px; font-weight:700; line-height:22px; margin-top:3rem; border-left:0.5rem #111111 solid; padding-left:0.5rem;}

.banner-team-left h2{ width:100%; font-size:17px; line-height:20px; float:left; margin-top:11rem;}
.banner-team-left p{ width:100%; float:left; font-size:13px; margin-top:20px; line-height:22px;}

.banner-team-left .line{ width:100px; height:10px; background-color:#111111; float:left; margin-top:2rem;}

.banner-team-right .play{position:absolute; width:40px; height:40px; margin-top:18rem; margin-left:60px; background-color:#111; border-radius:50%; overflow:hidden; display:none;}
.banner-team-right .more{ position:absolute; width:20px; height:20px; margin-top:585px; margin-left:600px; display:none;}
.banner-team-right .b1{ position:absolute; z-index:-1; width:100%;}
.banner-team-right .b1 img{ width:100%; height:auto;}


.page-banner-team{ float:left; margin-bottom:3rem;}


.banner-team2-left .play{position:absolute; width:40px; height:40px; margin-top:18rem; right:2rem; background-color:#111; border-radius:50%; overflow:hidden; display:none;}
.banner-team2-left .more{ position:absolute; width:20px; height:20px; margin-top:585px; margin-left:600px; display:none;}
.banner-team2-left .b1{ position:absolute; z-index:-1; width:100%; left:-1rem;}
.banner-team2-left .b1 img{ width:100%; height:auto;}

.banner-team2-right{ float:left; background-image: url(../images/v9/ico8.png);background-repeat: no-repeat; background-position: right bottom;}

.banner-team2-right .title{ width:100%; float:left; margin-top:2rem;}
.banner-team2-right .title span:nth-child(1){ width:calc( 100% - 1rem ); float:left; font-size:17px; font-weight:700; line-height:22px; border-right: 0.5rem #111111 solid; padding-right: 0.5rem; text-align: right; margin-top:7rem;}
.banner-team2-right .title span:nth-child(2){ width:100px; height:40px; color:#111111; text-align: right; font-size:30px; font-weight:700; margin-right:1rem; margin-top:1.5rem; position:absolute; right:1rem;}

.banner-team2-right h2{ width:100%; font-size:17px; line-height:20px; float:left; margin-top:12rem;}
.banner-team2-right p{ width:100%; float:left; font-size:13px; margin-top:20px; line-height:22px;}

.banner-team2-right .line{ width:100px; height:10px; background-color:#111111; margin-top:2rem; float:left;}


.team-list{ float:left; width:100%; overflow:hidden;}
.team-list ul{ float:left; width:calc( 100% + 1rem );}
.team-list ul li{ float:left; width:calc( 50% - 1rem ); margin-right:1rem; border-top:2px #111111 solid; padding-top:2rem; margin-bottom:3rem;}
.team-list ul li h2{ float:left; width:100%; font-size:18px; height:20px; line-height:20px;}
.team-list ul li h2 span:nth-child(1){ position:absolute;}
.team-list ul li h2 span:nth-child(2){ position:absolute; z-index:-1; width:60px; height:10px; margin-top:15px; margin-left:10px; background-color:#d4d4d4;}
.team-list ul li .info{ float:left; width:100%; font-size:14px; font-weight:700; margin-top:20px; line-height:20px; height:80px;}
.team-list ul li .pic{ float:left; width:100%; margin-top:20px; background-color:#f8f8f8; height:16rem; overflow:hidden;}
.team-list ul li .pic img{ width:100%;}



.client-list{ float: left; width:100%; overflow:hidden; margin-top:3rem;}
.client-list div{ float:left; width:calc( 100% - 1rem ); padding:0.5rem;}
.client-list div img{ float:left; width: calc( 50% - 4rem ); padding:0 1rem; margin:0.5rem; border:0.5rem #f8f8f8 solid; background-color:#FFF;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.client-list div img:hover{-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray; border:0.5rem #d4d4d4 solid;}


.col-right .head-box{ position:relative; height:35px; max-width: 1260px;}
.col-right .head-box .cat-name{ float: right; height:3rem; width:6rem;}
.col-right .head-box .cat-name span:nth-child(1){ position:absolute; z-index: 1; font-size:1.5rem; font-weight:700; height:40px; line-height:40px; text-align:right; width:6rem; white-space:nowrap; }
.col-right .head-box .cat-name span:nth-child(2){ position:absolute; z-index: 0; width:7rem; height:10px; background-color:#d4d4d4; margin-top:1.5rem; margin-left:-1rem;}

.clientGX-list{ float:left; width:100%; overflow:hidden; margin-top:3rem;}
.clientGX-list ul{ float:left; width: calc( 100% - 2rem ); margin:0 1rem;}
.clientGX-list ul li{ float:left; width:100%; padding:20px 0; border-top:2px #111111 solid; margin-top:30px;}
.clientGX-list .picM{ position:relative; width:100%; height:auto; overflow:hidden; background-color:#f8f8f8;}
.clientGX-list .picC{ position:relative; bottom:0px; top:0; width:calc( 100% - 40px ); margin:10px; padding:10px; height:calc( 100% - 40px ); background-color:#FFF;}
.clientGX-list .picM img{  width:100%; height:auto; bottom:10px; }
.clientGX-list ul li h2{ float:left; width:100%; font-size:18px; height:20px; line-height:20px; margin-top:20px; }
.clientGX-list ul li h2 span:nth-child(1){ position:absolute;}
.clientGX-list ul li h2 span:nth-child(2){ position:absolute; z-index:-1; width:60px; height:10px; margin-top:15px; margin-left:10px; background-color:#d4d4d4;}

.clientGX-list ul li .date{float:left; width:100%; font-size:14px; font-weight:700; margin-top:10px; line-height:20px; height:30px; color:#999999; font-family: DINPro; margin-bottom:20px;}

.content-box-client .head-box{ float:left; position: relative; margin:0 1rem; padding:0; width:calc( 100% - 2rem );}



.addCon{float:left; padding:0 1rem 1rem 1rem; width:calc( 100% - 2rem ); background-color:#111111; color: #FFF; font-size:14px; line-height:22px; margin-bottom:2rem;}
.addCon h4 { float:left; padding:1.5rem 5px 10px 5px; background-color:#FFF; font-size: 18px; color:#111111; font-weight: 700;}
.addCon .addText{float:left; width:100%; margin-top:2rem;}

/*百度地图隐藏LOGO和页脚*/

.h5-map-none{ position:absolute; width:calc( 100% - 2rem ); height: 300px; z-index:99;}

.anchorBL{ display:none; visibility:hidden;}
.MarkerBox{ position:relative; width:100%;}
.MarkerBox-l,.MarkerBox-r{ float:left; width:50%;}
.MarkerLogo{ float:left; width:100%;}
.MarkerBox-l h4{ float:left; width:100%;}
.MarkerBox-l h4 span:nth-child(1) {
    position: absolute;
    z-index: 1;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
	margin-top:8px;
	color:#111111;
}
.MarkerBox-l h4 span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 70px;
    height: 10px;
    background-color: #d4d4d4;
    margin-top: 30px;
    margin-left: 10px;
}
.MarkerBox-r img{ width:100%;}

.content-box-news {
    width: calc( 100% - 2rem );
    margin: 1rem;
float:left; border-top:2px #111111 solid; padding-top:2rem;}

.content-box-news .title{float: left;
    width: calc( 100% - 5rem );
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px #f8f8f8 solid;}
	
.content-box-news .title a {
    color: #111111;
    font-size: .9rem;
    line-height: 1.2rem;
    font-weight: 700;
    text-decoration: none;
}
.content-box-news .date{ float: left;
    width: 5rem;
    line-height: 1.2rem;
    font-size: 1rem;
    font-family: DINPro;
    color: #d4d4d4;}
.content-box-news .pic{ display:none;}
.content-box-news .category{ display:none;}
.content-box-news .info{ display:none;}
.content-box-news .foot{ display:none;}

.content-box-news .date span{ width:5rem; font-size:1rem !important; color: #d4d4d4 !important; line-height:1.2rem !important;}

.content-box{ float:left; width:100%; }
.con-left{ float:left; width:100%;}

.h5-none{ display:none;}

.con-left2{ float:left;}

.history-list{ float:left; width:100%; margin-top:3rem;}
.history-list .year{ float:left; width:5rem; font-size:1.5rem; line-height:1.2rem; border-top:2px #111111 solid; margin-top:2rem; padding-top:2rem;}
.history-list .year span{ font-family: DINPro;}
.history-list ul{ float:left; width:calc( 100% - 5rem ); border-top:2px #111111 solid; padding-top:2rem; margin-top:2rem; min-height:2rem;}
.history-list ul li{ float:left; width:100%;}
.history-list ul li .mon{ float:left; width:5rem;}
.history-list ul li .mon div{font-family: DINPro;font-size:.9rem;}
.history-list ul li .mon div span{font-family: DINPro; font-size:.9rem;}
.history-list ul li h2{ float:left; width:calc( 100% - 5rem ); font-size:.9rem; line-height:1.2rem; margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px #f8f8f8 solid;}

.col-right{ width:100%; position:relative;}
.tz-left{ float:left; width:100%; }
.news-tz2 .head-zb{ float:left; width:5rem; }
.news-tz2 .title{ float:left; width:calc( 100% - 5rem ); margin-bottom:1rem; padding-bottom:1rem; border-bottom:2px #f8f8f8 solid;}
.news-tz2 .title a{ color:#111111; font-size:.9rem; line-height:1.2rem; font-weight: 700; text-decoration:none;}
.news-tz2 .foot, .news-tz2 .category{ display:none;}
.news-tz2 .date span:nth-child(1){ float: left; width:5rem; line-height: 1.2rem; font-size: 1rem; font-family: DINPro; color:#d4d4d4;}
.news-tz2 .date span:nth-child(3){ float:left; font-size: 1rem; line-height: 1.2rem; font-family: DINPro; display:none;}

#pages{ float:left; width:100%; border-top:2px #111111 solid; margin:1rem 0; padding-top:1rem; display: flex; justify-content: center;}
#pages a{ text-decoration:none; padding: 0.2rem 0.8rem; font-size:.8rem; background-color:#d4d4d4; color:#FFF; font-family: DINPro; border-radius:1rem; float:left; height:1rem; line-height:1rem; display:block; }
#pages span{ float:left; padding: 0.2rem 0.8rem; font-size:.8rem; background-color:#111111; color:#FFF; border-radius:1rem; height:1rem; line-height:1rem; font-family: DINPro; margin:0 0.5rem;}

/*--奥雅文旅--*/
.col-tr .title{ float:left; margin-top:60px; color:#111; width:100%;}
.col-tr .title span:nth-child(1){ position:absolute; z-index:1; font-size:1.5rem; font-weight:700;}
.col-tr .title span:nth-child(2){ position:absolute; z-index:0; width:110px; height:10px; margin-top:1.5rem; background-color:#d4d4d4;}

.wl-1{ float:left; width:100%; margin-top:3rem;}
.col-tr{ float:left; width:calc( 100% - 2rem ); margin:0 1rem;}
.wl-1-1{ float:left; width:100%;}
.wl-1-1 h2{ float:left; width:100%; font-size:26px; line-height:30px; color:#111; margin-top:50px;}
.wl-1-1 p{ float:left; width:100%; height:70px; margin-top:30px; font-size:16px; line-height:26px; color:#999; text-align:justify; }

.wl-1-0{ float:left; width:100%;}
.wl-1-0 span:nth-child(1){ float:left; width:80px; height:10px; background-color:#111;}
.wl-1-0 span:nth-child(2){ float:right; width:25px; height:5px; background-image: url(../images/v9/ico6.png);background-repeat: no-repeat;background-position: left top;}

.wl-1-2{ float:left; width:100%; margin-top:70px; }
.wl-1-2 span:nth-child(1){ float:left; width:80px; height:10px; background-color:#d4d4d4; margin-top:10px;}
.wl-1-2 span:nth-child(2){ float:right; width:20px; height:20px; background-image: url(../images/v9/ico7.png);background-repeat: no-repeat;background-position: left top;}

.wl-1-3{ float:left; width:calc( 100% - 4rem ); height:180px; background-color:#f8f8f8; padding:3rem 2rem; margin-top:2rem;}
.wl-1-3 h2{ float:right; width:100%; font-size:30px; height:140px; line-height:40px; color:#111; text-align:right;}
.wl-1-3-2{ float: left; width:100%;}
.wl-1-3-2 .play{ float:left; width:40px; height:40px; background-color:#111; border-radius:50%; overflow:hidden;}
.wl-1-3-2 span{ float:right; width:60px; height:10px; background-color:#111; margin-top:30px;}

.w0{ float: left; width:100%; margin-top:2rem; overflow:hidden;}
.w0 ul{ float:left; width:calc( 100% + 1rem );}
.w0 ul li{ float:left; width:100%; height:200px; background-color:#f8f8f8; margin-bottom:1rem; overflow:hidden;}
.w0 ul li:nth-child(5){ margin-right:0;}
.w0 ul li a{ float:left; width:100%; text-align:center; height:200px; padding-top:40px; display:block; background-position:right -80px; background-repeat:no-repeat; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.w0 ul li a:hover{background-position:left 0px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color:#111; background-blend-mode: overlay;}

.w0 ul li a span:nth-child(1){ float:left; font-size:18px; font-weight:600; color:#111; border-bottom:10px solid #111; line-height:21px; margin-left:20px;}
.w0 ul li a:hover span:nth-child(1){ border-bottom:10px solid #fff; color:#FFF; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

.w0 ul li a span:nth-child(2){ position:inherit; bottom:20%; left:50%; margin-left:-30px; margin-bottom:-30px; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; width:60px; height:60px; background-color:#111; border-radius:40px; font-family: DINPro; text-align:center; line-height:27px; font-size:50px; color:#FFF;}
.w0 ul li a:hover span:nth-child(2){ opacity: 1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color:#fff; color:#111;}

.w2{ float:left; width:calc( 100% - 2rem ); padding:2rem 1rem; background-color:#f8f8f8; color:#111; margin-top:5rem;}
.w2 .top{ float:left; width:100%;}
.w2 .top span:nth-child(1){ float:left; font-size:17px; font-weight:700; font-family: DINPro;}
.w2 .top span:nth-child(2){ float:right; width:25px; height:5px; background-image: url(../images/v9/ico6.png);background-repeat: no-repeat;background-position: left top;}
.w2 .tt{ float:left; width:100%; font-size:4rem; margin-top:3rem; font-family: DINPro; font-weight:500;}
.w2 .tt span{ float:right; width:60px; height:1rem; background-color:#111; margin-top:3rem;}
.w2 .tt2{ float:left; width:100%; margin-top:40px; height:35px;}
.w2 .tt2 span:nth-child(1){ position:absolute; z-index:1; font-size:30px; font-weight:700; line-height:30px;}
.w2 .tt2 span:nth-child(2){ position:absolute; z-index:0; width:120px; height:10px; margin-top:25px; margin-left:10px; background-color:#d4d4d4;}
.w2 .tt3{ float:left; width:100%; font-size:2rem; margin-top:100px; font-weight:700;}
.w2 .tt3 span{ color:#d4d4d4;}

.w2-p1{ float:left; width:100%; margin-top:2rem; border-top:2px solid #111;}
.w2-p1 h3{ float:left; width:100%; height:35px; margin-top:30px;}
.w2-p1 h3 span:nth-child(1){ position:absolute; z-index:1; font-size:22px; font-weight:700; line-height:22px;}
.w2-p1 h3 span:nth-child(2){ position:absolute; z-index:0; width:100px; height:10px; margin-top:17px; margin-left:10px; background-color:#d4d4d4;}
.w2-p1 p{ float:left; width:100%; margin-top:10px; font-size:.8rem; line-height:26px; color:#999;}
.w2-p1 p span{ color:#111; font-family: DINPro; padding-right:5px;}

.w2-p2{ float: left; width:100%; margin-top:2rem; border-top:2px solid #111;}
.w2-p2 h3{ float:left; width:100%; height:35px; margin-top:30px;}
.w2-p2 h3 span:nth-child(1){ position:absolute; z-index:1; font-size:22px; font-weight:700; line-height:22px;}
.w2-p2 h3 span:nth-child(2){ position:absolute; z-index:0; width:100px; height:10px; margin-top:17px; margin-left:10px; background-color:#d4d4d4;}
.w2-p2 p{ float:left; width:100%; margin-top:10px; font-size:0.8rem; line-height:26px; color:#999;}
.w2-p2 p span{ color:#111; font-family: DINPro; padding-right:5px;}


.w3{ float:left; width:100%; margin-top:5rem; }
.w3-1{ float:left; width:calc( 100% - 2rem ); background-color:#111; color:#FFF; padding:2rem 1rem;}
.w3-1 h3{ float: left; font-size:1rem; font-weight:700; line-height:1rem; border-bottom:10px solid #ffffff;}
.w3-1 span{ float:right; width:10px; height:60px; background-image: url(../images/v9/ico2.png); background-repeat: no-repeat; background-position: center top;}
.w3-1 h4{ float:left; width:90%; font-size:1.2rem; margin-top:65px;}
.w3-1 p{ float:left; width:100%; font-size:1rem; margin-top:10px;}

.w3-2{ float:left; width:calc( 100% - 2rem ); margin:3rem 1rem 0 1rem; }
.w3-2 h3{ float:right; font-size:1rem; font-weight:700; line-height:1rem; border-bottom:10px solid #d4d4d4; color:#111;}
.w3-2 h4{ float:right; width:100%; font-size:1.2rem; margin-top:20px; color:#111; text-align:right;}
.w3-2 h4 span{ color:#999;}
.w3-2 p{ float:right; width:100%; font-size:1rem; margin-top:10px; color:#999; text-align:right;}

.w3-3{ float:left; width:calc( 100% - 2rem ); margin:3rem 1rem 0 1rem;}
.w3-3 h3{ float:left; font-size:1rem; font-weight:700; line-height:1rem; border-bottom:10px solid #d4d4d4; color:#111;}
.w3-3 h4{ float:left; width:100%; font-size:1.2rem; margin-top:20px; color:#111; text-align:left;}
.w3-3 h4 span{ color:#999;}
.w3-3 p{ float:left; width:100%; font-size:1rem; margin-top:10px; color:#999; text-align:left;}


.w3-4{ float:left; width:calc( 100% - 2rem ); padding:2rem 1rem; background-color:#f8f8f8; margin-top:3rem;}
.w3-4 span{width:25px; height:5px; background-image: url(../images/v9/ico6.png);background-repeat: no-repeat;background-position: left top; float:right;}
.w3-4 h3{ float:left; font-size:1rem; font-weight:700; line-height:1rem; border-bottom:10px solid #111; color:#111;}
.w3-4 h4{ float:left; width:100%; font-size:1.2rem; margin-top:60px; color:#111; text-align:left;}
.w3-4 h4 span{ color:#999; background-image:none; width:auto; height:auto; float:none;}
.w3-4 p{ float:left; width:100%; font-size:1rem; margin-top:10px; color:#999; text-align:left;}

.col-tr .h5-bc{ margin-top:5rem;}
.w4{ float: left; width:calc( 100% - 2rem ); background-color:#111; color:#FFF; margin-top:1rem; padding:1rem;}
.w4-1{ float:left; width:100%;}
.w4-1 h3{ float:left; font-size:1.2rem;}
.w4-1 h3 span{ color:#4d4d4d; float:none; width:auto; height:auto; background-color:transparent;}
.w4-1 p{ float:left; width:100%; font-size:1rem; font-weight:700; padding:1rem 0;}
.w4-1 span{ float:left; width:60px; height:10px; background-color:#FFF; clear:both; margin-top:1rem; margin-bottom:1rem;}
.w4-2{ float:left; width: 100%; font-size:.8rem; line-height:1.5rem;}

.w4-3{ float:left; width:210px; }
.w4-3 h3{ float:left; font-size:1.2rem;}
.w4-3 h3 span{ color:#4d4d4d; float:none;}
.w4-3 p{ float:left; width:100%; font-size:1rem; font-weight:700; padding:1rem 0;}
.w4-4{ float:left; width: 100%; font-size:.8rem; line-height:1.5rem;}


.w5-11 h3, .w5-2 h3, .w5-3 h3{font-size:5rem; font-weight:500; height:73px; line-height:64px;}

.w5{ float: left; width:100%; font-family: DINPro; margin-top:5rem;}
.w5-1{ float:left; width:calc( 100% - 2rem ); padding:1rem; background-color:#f8f8f8;}
.w5-11{ float:left; width:100%;}
.w5-11 .t2{ float:left; width:100%; font-size:1rem; font-weight:700; color:#999; }
.w5-11 h3{ float:left; width:100%; color:#111; margin-left:-5px; margin-top:10px;}
.w5-11 h3 span, .w5-3 h3 span{color:#999; font-weight:400; top:-1rem; font-size:3rem; position:relative;}
.w5-11 p{ float:left; width:100%; font-size:1rem; color:#111; font-weight:700; margin-top:1rem;}

.w5-L{ float:left; width:100%;margin-top:20rem; margin-bottom:2rem;}
.w5-L span{ float:left; width:5rem; height:1rem; background-color:#111;}

.w5-2{ width:calc( 100% - 4rem ); background-color:#111; margin-top:12rem; padding:1rem; position:absolute; border-top:1rem #ffffff solid; border-bottom:1rem #ffffff solid;}
.w5-2 h3{ float: right; width:100%;  color:#fff;  margin-right:-5px; text-align:right;}
.w5-2 h3 span{ float: left; font-size:1rem; font-weight:700; color:#999; line-height:14px; margin-left:-5px;}
.w5-2-L{ float:left; width:100%; margin-top:40px;}
.w5-2-L span{ float:right; width:60px; height:10px; background-color:#FFF;}
.w5-2 p{ float:left; width:100%; text-align: right; font-size:1rem; color:#fff; font-weight:700; margin-top:1rem;}
.w5-2 p span{ float:left; width:20px; height:20px; margin-top:35px;}

.w5-3{ float:left; width:calc( 100% - 2rem ); margin-top:1rem; background-color:#111111; padding:1rem; }
.w5-3 h3{ float: left; width:100%; color:#ffffff;}
.w5-3 p{ float:left; width:100%; text-align: right; font-size:1rem; color:#ffffff; font-weight:700; margin-top:1rem;}
.w5-3 p span{ float: left; font-size:1rem; font-weight:700; color:#999; line-height:14px;}

.h5-tzzs{ float:right; width:50%; margin-right:0.5rem; text-align:right; margin-top:-3rem;}
.h5-tzzs h4{ font-size:.8rem; float:left; width:100%; text-align:right; }
.h5-tzzs h4 span{ font-family: DINPro; font-size: .8rem; }
.h5-tzzs h4 #aa2{ float:left; width:100%; text-align:right; margin-top:1rem;}
.h5-tzzs .unit{ font-size:0.8rem;}
.h5-tzzs .yuan{font-size:3rem; font-family: DINPro; font-weight:700; line-height: 1rem; margin-top: 1.2rem;}
.h5-tzzs .yuan a{text-decoration:none;}
.h5-zs{ float:left; width:calc( 100% - 2rem ); margin:1rem; border-top:2px #111111 solid; padding-top:1rem;}
.h5-zs table{ float:left; width:100%;}
.h5-zs tr:nth-child(1) td{ font-size:.8rem; color:#d4d4d4; padding-bottom:1rem; text-align:left;}
.h5-zs tr:nth-child(2) td{ font-size:.8rem; padding-right:1rem;}
.h5-zs tr:nth-child(3) td{ font-size:1.2rem; padding-right:1rem; font-family: DINPro; font-weight:700;}




.h5-fixed{ display:block; position:fixed; bottom:0; width:calc( 100% - 2rem ); height:50px; z-index:99; left:0; background-color:#111111; padding:0 1rem;}
.h5-fixed .page2{ float:left; width:33.33%;}
.h5-fixed a{ color:#ffffff; text-decoration:none; font-size:.8rem; float:left; width:100%; text-align:center; display:block; line-height:50px;}

.end{ float:left; width:100%; font-size:.8rem; text-align:center; color:#d4d4d4; margin:1rem auto 0 auto;}

.xcx{ position:absolute; right:0; top:2.5rem; width:5rem; height:5rem; border-radius:5rem 5rem 0 5rem; overflow:hidden; z-index:10;}
.xcx img{ width:5rem; height:5rem; padding:0;}

.head-zb .key{ float: right; font-size: .8rem; margin-top: -5rem; clear: both; text-align: right; width: 80%; margin-right: -.5rem; }
.head-zb .key a{ color: #d4d4d4; text-decoration: none;}

.show-con.msg{margin-top: 0;display: block;}
.msg h2{float: right;font-size: 20px;margin-bottom: 40px;color: #1a1a1a;border-bottom: 10px #d4d4d4 solid;text-align: center;margin-top: -35px;}
.msg .qq{float:left;width:75%;background-color: #ebebeb;padding: 30px 20px;margin-right: 25%;}
.msg .qq .name h3{float: left;width: calc( 100% - 100px );font-size: 14px;}
.msg .qq .name .date{font-family: DINPro;float: right;font-size: 14px;color: #999999;text-align: right;width: 100px;}
.msg .qq .con{float: left;width: 100%;font-size: 14px;color: #999999;line-height: 24px;margin-top: 10px;padding-bottom: 10px;}
.msg .aa{float:right;width:75%;background-color: #f8f8f8;padding: 20px;margin-top: -20px;margin-bottom: 40px;}
.msg .aa .name h3{float: left;width: calc( 100% - 100px );font-size: 14px;line-height: 30px;}
.msg .aa .name h3 span{float: left;width: 40px;height: 40px;border-radius: 30px 30px 30px 30px;overflow: hidden;background-color: #ffffff;text-align: center;margin-top: -5px;margin-right: 10px;}
.msg .aa .name h3 span img{width: 70%;margin-top: 5px;}
.msg .aa .name span{float: right;font-size: 12px;color: #1a1a1a;}
.msg .aa .con{float: left;width: 100%;font-size: 14px;color: #111111;line-height: 24px;margin-top: 10px;padding-bottom: 0px;}
.msg #pages{width: 100%;margin-top: 40px;margin-bottom: 40px;}

.msginput{float: left;border-bottom: 1px #f8f8f8 solid;padding-bottom: 80px; padding-top: 40px;  margin-top: -40px; }
.msginput ul{float:left;}
.msginput ul li{float: left;width: 100%;margin-bottom: 10px;line-height: 30px;}
.msginput ul li:nth-child(1) input{width:15px;height: 15px;border-radius: 50%;background-color: transparent;border: 1px solid #d0d0d0;}
.msginput ul li:nth-child(3){margin-bottom:0;}
.msginput ul li:nth-child(5) span{display: none;}
.msginput ul li:nth-child(5){text-align: center;}
.msginput ul li span{float:left;width: 80px;height: 30px;line-height: 30px;}
.msginput ul li .input-text{float: left;width: calc( 100% - 112px );height: 28px;border-radius: 15px;outline: none;margin: 0;padding: 0 15px;line-height: 28px;font-size: 14px;}
.msginput ul li textarea{width:calc( 100% - 32px );border-radius: 15px;outline: none;font-size: 12px;line-height: 24px;padding: 15px;height: 100px;float: left;}
.msginput ul li .msgbtn{width: 150px;height: 40px;line-height: 40px;background-color: #1a1a1a;color: #fff;text-align: center;font-size: 16px;border-radius: 25px;border: none;cursor: pointer;outline: none;}
.msginput ul li small{font-size: 12px;color: #cccccc;float: left;width: calc( 100% - 80px );margin-left: 80px;text-align: right;margin-bottom: -20px;}

.msg .title h2{border-bottom: 1px #f8f8f8 solid;text-align: left;margin-bottom: -5px;padding-bottom: 10px;margin-top: -10px;}
.msg .title span {float: left; width: 6rem; height: 10px; background-color: #111111; margin-bottom: 2rem;}

.footer p.info a { display: none;}